<!--suppress ALL -->
<template>
    <div class="main">
        <table class="w100 h100">
            <tbody>
                <tr>
                    <td style="width: 220px; height: 60px; border-right: 1px solid #323232;">
                        <div style="padding-left: 10px;">
                            <img src="/assets/ico/icon.png" style="margin-right: 10px;"/>
                            <img src="/assets/ico/noise_space.png"/>
                        </div>
                    </td>
                    <td>
                        <table class="w100 h100">
                            <tbody>
                                <tr>
                                    <td colspan="2">
                                        <Search/>
                                    </td>
                                    <td style="width: 40%;">
                                        <div class="right">
                                            <MainTop/>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="border-right: 1px solid #323232;">
                        <div class="content">
                            <LeftList/>
                        </div>
                    </td>
                    <td colspan="2">
                        <div class="content">
<!--                            <MainCenter/>-->
                            <RouterView/>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="height: 60px; border-top: 1px solid #323232;" colspan="3">
                        <div class="content">
                            <Music/>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script>
    import Search from "../../components/main/search/Search";
    import LeftList from "../../components/left_list/LeftList";
    import Music from "../../components/buttom/left_music/Music";
    import MainTop from "../../components/main/top/MainTop";
    import MainCenter from "../../components/main/center/MainCenter";
    export default {
        name: "mainIndex",
        components: {
            Music,
            Search, LeftList,
            MainTop,
            MainCenter
        },
        data(){
            return {
                menu: [{
                    name: '首页'
                }]
            }
        }
    }
</script>

<style scoped>
    .main{
        height: 100vh;
    }
</style>
